﻿.coms-cate {
    position: relative;
}

    .coms-cate:not(:first-child) {
        margin-top: 1rem;
    }

    .coms-cate ::deep .badge {
        position: absolute;
        top: 0;
        margin-inline-start: 1rem;
        font-size: .65rem;
    }

.coms-demo {
    margin-top: 1rem;
}

    .coms-demo ::deep .card {
        width: 100%;
        height: 100%;
        transition: box-shadow .3s linear;
    }

        .coms-demo ::deep .card img {
            max-width: calc(100%);
        }

        .coms-demo ::deep .card .card-header {
            overflow: hidden;
            white-space: nowrap;
        }

        .coms-demo ::deep .card .card-body {
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 200px;
        }

    .coms-demo ::deep a {
        width: calc(100%);
        height: calc(100%);
        color: inherit;
    }
